<script setup lang="ts">
import { RouterView } from 'vue-router'
</script>

<template>
  <div id="app">
    <RouterView />
  </div>
</template>

<style>
/* 全局样式优化 */
#app {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}

/* 修复可能的样式问题 */
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* 确保Element Plus组件正常显示 */
.el-menu-item.is-active {
  color: #409eff !important;
}

/* 修复布局容器样式 */
.el-container {
  height: 100%;
}

.layout-container {
  height: 100vh !important;
}

.layout-main {
  height: calc(100vh - 60px);
  overflow-y: auto;
}
</style>